@import "_function";


  .pay{
    display: none;
    .pf;
    .t(0);
    width: 100%;
    height: 100%;
    .background-color{
      width: 100%;
      height: 100%;
      .bc(#adadad);
      opacity: 0.4;
    }
    .pay-wrap{
      .pf;
      .b(0);
    }
    .pay-payment{
      float: left;
      .p(34,30,34,30);
      .w(690);
      .bc(@cW);
      border-bottom: 1px solid #cccccc;
      .payment-close{
        float: left;
        background: url("../img/pay_img1.png")no-repeat;
        .bs(33,33);
        .w(33);
        .h(33);
        .mt(5);
      }
      .payment-affirm{
        float: left;
        .fs(36);
        .p(0,226,0,240);
        .lh(44);
      }
      .payment-help{
        float: left;
        background: url("../img/pay_img2.png")no-repeat;
        .bs(44,44);
        .w(44);
        .h(44);
      }
    }
    .pay-main{
      width: 100%;
      .oh;
    .pay-sum{
      float: left;
      .w(690);
      .bc(@cW);
      .p(0,30,0,30);
      border-bottom: 1px solid #cccccc;
      span{
        .fs(24);
        .c(#666666);
        .mb(10);
      }
      .sum-act1{
        font-weight: bold;
        .fs(72);
        .lh(52);
        .m(78,200,84,200);
        .c(@c3)
      }
      .sum-act2{
        float: right;
      }
    }
    .pay-mode{
      float: left;
      .w(690);
      .bc(@cW);
      .p(36,30,36,30);
      border-bottom: 1px solid #cccccc;
      span{
        .fs(24);
        .lh(28);
        .c(#666666)
      }
      .pay-mode-act1{
        .ml(460);
      }
      .pay-mode-act2{
        background: url("../img/confirm_order3.png")no-repeat;
        .w(17);
        .h(28);
        .bs(17,28);
        .ml(30);
      }
    }
    .pay-immediate{
      float: left;
      .bc(@cW);
      .p(318,30,30,30);
      .immediate-act{
        float: left;
        text-align: center;
        .w(690);
        .lh(70);
        .bc(#cf4cff);
        .c(@cW);
        .br(14);
      }
    }
    }
  }
